<HTML>
<HEAD>
	<TITLE>Editor Test</TITLE>
	<!--<SCRIPT src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js"></SCRIPT>-->
	<STYLE>
	.codespace, .codespace td {margin: 0px;border: 0px;padding: 0px;font-family: monospace;}
	.codespace.unfocused {border: 2px solid gray;}
	.codespace.focused {border: 2px solid yellow;}
	.codespace.linenumberbar {padding-left: 10px;font-size: 8pt;color: gray;text-align: right;background-color: #D0D0D0;}
	.codespace.contentbar {margin-left: 10px;}
	.t1 {color: blue;}
	.t2 {color: red; background-color: gray;}
	.t3 {color: orange}
	.t4 {font-weight: bold;}
	.t5 {color: gray;}
	.url {color: blue;text-decoration: underline;}
	.firstRow {height: 50px; background-color: #F0F0F0;}
	.lastRow {height: 50px; background-color: #F0F0F0;}
	.selected_row {background-color: #FFFFBB;}
	.selection {
		background-color: #5555FF;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
		opacity: 0.2;
		filter: alpha(opacity = 20);
	}
	</STYLE>
</HEAD>

<BODY>

This example page will test the new editor's editing capabilities:

<DIV id="editor" style="width:500px;">...</DIV>
<BR>
<TEXTAREA id="editor2" style="width:100%;">
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
</TEXTAREA>

<BR><BR>
<INPUT onmouseover="this.focus();" />


<SCRIPT src="codespace.js"></SCRIPT>
<SCRIPT src="formatter.js"></SCRIPT>
<SCRIPT src="selection.js"></SCRIPT>
<SCRIPT src="line.js"></SCRIPT>
<SCRIPT src="caret.js"></SCRIPT>
<SCRIPT src="editor.js"></SCRIPT>

<SCRIPT>
window.onload = function() {
	new Codespace('editor');
	new Codespace('editor2');
}
</SCRIPT>

</BODY>
</HTML>
